{extend name="public/base" /}
{block name="css"}
<style>

  .container-fluid {
    background-color: #ffffff;
  }

  .mx-auto {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  img {
    width: 100%;
  }

</style>
{/block}
{block name="main"}
<section class="container-fluid">
  <!-- banner -->
  <div class="row" style="position: relative;">
    <img alt="" class="img-responsive" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202010/mobile/banner.jpg">
  </div>
  <!-- banner end -->

  <img alt="" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202010/mobile/yd1.jpg"
       style="width: 100%;margin-top: -10px">

  <div style="background: #842E2B; margin-top: -10px;display: flex; flex-direction: column; align-items: center;position: relative">
    <img alt="" loading="lazy" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202010/mobile/yd2.jpg" style="width: 100%;">
    <a href="https://m.dianping.com/tuan/deal/657845093" style="position: absolute; bottom: 50px;">
      <button style="width: 240px;visibility: hidden">立即抢购</button>
    </a>
  </div>

  <img loading="lazy" alt="" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202010/mobile/yd3.jpg"
       style="width: 100%;margin-top: 0px">
  <img loading="lazy" alt="" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202010/mobile/yd4.jpg"
       style="width: 100%;margin-top: -10px">
  <img loading="lazy" alt="" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202010/mobile/yd5.jpg"
       style="width: 100%;margin-top: -10px">
  <img loading="lazy" alt="" src="https://res.bestyoujia.com/web/ZMYJ/activities/act202010/mobile/yd6.jpg"
       style="width: 100%;margin-top: -10px">
</section>
{/block}
{block name="js"}
<script>
</script>
{/block}